
// 用来定义与 User 有关的 路由记录
const routes = [
    // 嵌套路由
    {
        path: '/user/:id',
        name: 'user' ,
        components: {
            'header': () => import('@/views/HeaderView.vue'),
            'default': () => import('@/views/UserView.vue'),
            'footer': () => import('@/views/FooterView.vue')
        },
        redirect: to => {
            console.log( '原本要访问的路由: ' , to );
            // 通过返回一个新的 路由地址(RouteLocationRaw) 来实现重定向操作
            return { name: 'uesr-links' , params: to.params }
        },
        // 子路由
        children: [
            { 
                path: 'links',
                name: 'uesr-links',
                components: {
                    // 仅为名称为`links`的命名视图映射组件
                    'links': () => import('@/views/UserLinksView.vue')
                },
                meta: {
                    title: '用户操作列表'
                }
            },
            { 
                path: 'profile',
                name: 'user-profile',
                components: {
                    // 根据命名视图的名称为其映射组件
                    'links': () => import('@/views/UserLinksView.vue'),
                    'operation': () => import('@/views/UserProfileView.vue')
                },
                meta: {
                    title: '用户基本信息'
                }
            },
            { 
                path: 'change',
                name: 'user-change-password',
                components: {
                    // 根据命名视图的名称为其映射组件
                    'links': () => import('@/views/UserLinksView.vue'),
                    'operation': () => import('@/views/UserPasswordView.vue')
                },
                meta: {
                    title: '用户修改密码'
                }
            }
        ],
        meta: {
            title: '用户操作'
        }
    }
];

// 默认导出
export default routes ;